<!-- 轮播图组件 -->
<script lang="ts" setup>
import useStore from '@/store'
const { home } = useStore()
// 获取轮播图数据,
home.getBannerList()
</script>
<template>
    <div class="home-banner">
        <!-- 轮播图组件 -->
        <XtxCarousel :slides="home.bannerList" autoPlay />
    </div>
</template>

<style scoped lang="less">
.home-banner {
    width: 1240px;
    height: 450px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 98;
    background-color: #ccc;
}

// 交集选择器
:deep(.carousel-btn.prev) {
    left: 270px !important;
}

:deep(.carousel-indicator) {
    padding-left: 250px;
}
</style>
